import React from 'react';
import { Typography } from 'antd';

import style from './index.less';

const { Text } = Typography;

const Note = () => (
    <div className={style.note}>
        <div className={style.section}>
            <div className={style.title}><Text strong>备注：</Text></div>
            <ul>
                <li><Text type="secondary">OW:固定薪资(上限为$6,000)</Text></li>
                <li><Text type="secondary">AW: 附加薪资（非固定薪资）</Text></li>
                <li><Text type="secondary">TW:薪资总额 = OW+AW</Text></li>
            </ul>
        </div>
        <div className={style.section}>
            <div className={style.title}><Text strong>计算公积金的步骤：</Text></div>
            <ul>
                <li><Text type="secondary">1）计算公积金总的金额 (四舍五入到整数).50分视为1元</Text></li>
                <li><Text type="secondary">2）计算公积金雇员所在的金额(不保留小数位)</Text></li>
                <li><Text type="secondary">3）雇主所占金额 =总的金额 -雇员所占金额</Text></li>
            </ul>
        </div>
    </div>
);

export default Note;
